## mako
<%page expression_filter="h"/>
<script>
</script>

<section class="main-container">
<div class="course-wrapper" role="presentation">
<header class="page-header has-secondary">
    <div class="page-header-main">
        <nav aria-label="Course" class="sr-is-focusable" tabindex="-1">
            <div class="has-breadcrumbs">
                <div class="breadcrumbs">
                                    <span class="nav-item nav-item-course">
                                        <a href="/courses/course-v1:edX+DemoX+Demo_Course/course/">Course</a>
                                    </span>
                    <span class="icon fa fa-angle-right" aria-hidden="true"></span>
                    <span class="nav-item nav-item-chapter">
                                        <a href="/courses/course-v1:edX+DemoX+Demo_Course/course/#block-v1:edX+DemoX+Demo_Course+type@chapter+block@d8a6192ade314473a78242dfeedfbf5b">Introduction</a>
                                    </span>
                    <span class="icon fa fa-angle-right" aria-hidden="true"></span>
                    <span class="nav-item nav-item-section">
                                        <a href="/courses/course-v1:edX+DemoX+Demo_Course/course/#block-v1:edX+DemoX+Demo_Course+type@sequential+block@edx_introduction">Demo Course Overview</a>
                                    </span>
                    <span class="icon fa fa-angle-right" aria-hidden="true"></span>
                    <span class="nav-item nav-item-sequence">Introduction: Video and Sequences</span>
                </div>
            </div>
        </nav>
    </div>
</header>
<main id="main" tabindex="-1" aria-label="Content">

<div class="xblock xblock-student_view xblock-student_view-sequential xmodule_display xmodule_SequenceModule xblock-initialized" data-runtime-class="LmsRuntime" data-init="XBlockToXModuleShim" data-block-type="sequential" data-request-token="cd3bba7c68a511e7826c08002779ca96" data-runtime-version="1" data-usage-id="block-v1:edX+DemoX+Demo_Course+type@sequential+block@edx_introduction" data-type="Sequence" data-course-id="course-v1:edX+DemoX+Demo_Course">




<div id="sequence_edx_introduction" class="sequence" data-id="block-v1:edX+DemoX+Demo_Course+type@sequential+block@edx_introduction" data-position="1" data-ajax-url="/courses/course-v1:edX+DemoX+Demo_Course/xblock/block-v1:edX+DemoX+Demo_Course+type@sequential+block@edx_introduction/handler/xmodule_handler" data-next-url="/courses/course-v1:edX+DemoX+Demo_Course/courseware/interactive_demonstrations/19a30717eff543078a5d94ae9d6c18a5/?child=first" data-prev-url="None">
<div class="sequence-nav">
    <button class="sequence-nav-button button-previous disabled" aria-hidden="true" disabled="disabled">
        <span class="icon fa fa-chevron-prev" aria-hidden="true"></span>
        <span>Previous</span>
    </button>
    <nav class="sequence-list-wrapper" aria-label="Sequence">
        <ol id="sequence-list" role="tablist">
            <li role="presentation">
                <button class="seq_video nav-item tab active" role="tab" tabindex="0" aria-selected="true" aria-expanded="true" aria-controls="seq_content" data-index="0" data-id="block-v1:edX+DemoX+Demo_Course+type@vertical+block@vertical_0270f6de40fc" data-element="1" data-page-title="Introduction: Video and Sequences" data-path="Introduction > Demo Course Overview > Introduction: Video and Sequences" id="tab_0">
                    <span class="icon fa seq_video" aria-hidden="true"></span>
                    <span class="fa fa-fw fa-bookmark bookmark-icon is-hidden" aria-hidden="true"></span>
                    <div class="sequence-tooltip sr"><span class="sr">video&nbsp;</span>Introduction: Video and Sequences<span class="sr bookmark-icon-sr">&nbsp;</span></div>
                </button>
            </li>
        </ol>
    </nav>
    <button class="sequence-nav-button button-next" aria-hidden="true">
        <span>Next</span>
        <span class="icon fa fa-chevron-next" aria-hidden="true"></span>
    </button>
</div>

<div class="sr-is-focusable" tabindex="-1"></div>

<div id="seq_contents_0" aria-labelledby="tab_0" aria-hidden="true" class="seq_contents tex2jax_ignore asciimath2jax_ignore">


&lt;div class="wrap-instructor-info studio-view"&gt;
&lt;a class="instructor-info-action" href="//localhost:18010/container/block-v1:edX+DemoX+Demo_Course+type@vertical+block@vertical_0270f6de40fc"&gt;View Unit in Studio&lt;/a&gt;
&lt;/div&gt;
&lt;div class="xblock xblock-student_view xblock-student_view-vertical" data-runtime-class="LmsRuntime" data-init="VerticalStudentView" data-course-id="course-v1:edX+DemoX+Demo_Course" data-request-token="cd3bba7c68a511e7826c08002779ca96" data-runtime-version="1" data-usage-id="block-v1:edX+DemoX+Demo_Course+type@vertical+block@vertical_0270f6de40fc" data-block-type="vertical"&gt;


&lt;h2 class="hd hd-2 unit-title"&gt;Introduction: Video and Sequences&lt;/h2&gt;





&lt;div class="bookmark-button-wrapper"&gt;
&lt;button class="btn btn-link bookmark-button "
aria-pressed="false"
data-bookmark-id="AndyA,block-v1:edX+DemoX+Demo_Course+type@vertical+block@vertical_0270f6de40fc"
data-bookmarks-api-url="/api/bookmarks/v1/bookmarks/"&gt;
&lt;span class="bookmark-text"&gt;Bookmark this page&lt;/span&gt;
&lt;/button&gt;
&lt;/div&gt;


&lt;div class="vert-mod"&gt;
&lt;div class="vert vert-0" data-id="block-v1:edX+DemoX+Demo_Course+type@html+block@030e35c4756a4ddc8d40b95fbbfff4d4"&gt;



&lt;div class="xblock xblock-student_view xblock-student_view-html xmodule_display xmodule_HtmlModule" data-runtime-class="LmsRuntime" data-init="XBlockToXModuleShim" data-block-type="html" data-request-token="cd3bba7c68a511e7826c08002779ca96" data-runtime-version="1" data-usage-id="block-v1:edX+DemoX+Demo_Course+type@html+block@030e35c4756a4ddc8d40b95fbbfff4d4" data-type="HTMLModule" data-course-id="course-v1:edX+DemoX+Demo_Course"&gt;
&lt;script type="json/xblock-args" class="xblock-json-init-args"&gt;
{"xmodule-type": "HTMLModule"}
&lt;/script&gt;
&lt;p&gt;&lt;strong&gt;Welcome to the edX Demo Course Introduction.&lt;/strong&gt;&amp;nbsp;This is where you can explore how to take an edX course (like this one). Most courses have an "intro" video that shows you how it all works.&amp;nbsp;&lt;/p&gt;
&lt;p style="margin-right: 0px; font-size: 16px; margin-left: 0px; font-family: 'Open Sans', Verdana, Geneva, sans-serif;"&gt;You can watch the introduction video (below) or scroll though the course studies and assignments using the toolbar (above). &amp;nbsp;Just for fun, we'll keep track of your work in this demo course, and show you your progress in the toolbar just like in a real course.&lt;/p&gt;
&lt;p style="margin-right: 0px; font-size: 16px; margin-left: 0px; font-family: 'Open Sans', Verdana, Geneva, sans-serif;"&gt;Watch the overview video (below), then click on "Example Week One" in the left hand navigation to get started.&lt;/p&gt;
&lt;/div&gt;

&lt;div class="wrap-instructor-info"&gt;
&lt;a class="instructor-info-action" href="#030e35c4756a4ddc8d40b95fbbfff4d4_debug" id="030e35c4756a4ddc8d40b95fbbfff4d4_trig"&gt;Staff Debug Info&lt;/a&gt;

&lt;/div&gt;

&lt;div aria-hidden="true" role="dialog" tabindex="-1" id="030e35c4756a4ddc8d40b95fbbfff4d4_xqa-modal" class="modal xqa-modal"&gt;
&lt;div class="inner-wrapper"&gt;
&lt;header&gt;
&lt;h2&gt;Your Platform Name Here Content Quality Assessment&lt;/h2&gt;
&lt;/header&gt;

&lt;form id="030e35c4756a4ddc8d40b95fbbfff4d4_xqa_form" class="xqa_form"&gt;
&lt;label for="030e35c4756a4ddc8d40b95fbbfff4d4_xqa_entry"&gt;Comment&lt;/label&gt;
&lt;input tabindex="0" id="030e35c4756a4ddc8d40b95fbbfff4d4_xqa_entry" type="text" placeholder="comment"&gt;
&lt;label for="030e35c4756a4ddc8d40b95fbbfff4d4_xqa_tag"&gt;Tag&lt;/label&gt;
&lt;span style="color:black;vertical-align: -10pt"&gt;Optional tag (eg "done" or "broken"):&amp;nbsp;       &lt;/span&gt;
&lt;input id="030e35c4756a4ddc8d40b95fbbfff4d4_xqa_tag" type="text" placeholder="tag" style="width:80px;display:inline"&gt;
&lt;div class="submit"&gt;
&lt;button name="submit" type="submit"&gt;Add comment&lt;/button&gt;
&lt;/div&gt;
&lt;hr&gt;
&lt;div id="030e35c4756a4ddc8d40b95fbbfff4d4_xqa_log_data"&gt;&lt;/div&gt;
&lt;/form&gt;

&lt;/div&gt;
&lt;/div&gt;

&lt;div aria-hidden="true" role="dialog" tabindex="-1" class="modal staff-modal" id="030e35c4756a4ddc8d40b95fbbfff4d4_debug" &gt;
&lt;div class="inner-wrapper"&gt;
&lt;header&gt;
&lt;h2&gt;Staff Debug&lt;/h2&gt;
&lt;/header&gt;

&lt;hr /&gt;
&lt;div class="staff_actions"&gt;
&lt;h3&gt;Actions&lt;/h3&gt;
&lt;div&gt;
&lt;label for="sd_fu_030e35c4756a4ddc8d40b95fbbfff4d4"&gt;Username:&lt;/label&gt;
&lt;input type="text" tabindex="0" id="sd_fu_030e35c4756a4ddc8d40b95fbbfff4d4" placeholder="AndyA"/&gt;
&lt;/div&gt;
&lt;div data-location="block-v1:edX+DemoX+Demo_Course+type@html+block@030e35c4756a4ddc8d40b95fbbfff4d4" data-location-name="030e35c4756a4ddc8d40b95fbbfff4d4"&gt;
[
&lt;button type="button" class="btn-link staff-debug-sdelete"&gt;Delete Learner's State&lt;/button&gt;
]
&lt;/div&gt;
&lt;div id="result_030e35c4756a4ddc8d40b95fbbfff4d4"&gt;&lt;/div&gt;
&lt;/div&gt;

&lt;div class="staff_info" style="display:block"&gt;
is_released = &lt;font color='red'&gt;Yes!&lt;/font&gt;
location = block-v1:edX+DemoX+Demo_Course+type@html+block@030e35c4756a4ddc8d40b95fbbfff4d4

&lt;table summary="Module Fields"&gt;
&lt;tr&gt;&lt;th&gt;Module Fields&lt;/th&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style="width:25%"&gt;visible_to_staff_only&lt;/td&gt;&lt;td&gt;&lt;pre style="display:inline-block; margin: 0;"&gt;False&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style="width:25%"&gt;graded&lt;/td&gt;&lt;td&gt;&lt;pre style="display:inline-block; margin: 0;"&gt;False&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style="width:25%"&gt;annotation_token_secret&lt;/td&gt;&lt;td&gt;&lt;pre style="display:inline-block; margin: 0;"&gt;xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style="width:25%"&gt;giturl&lt;/td&gt;&lt;td&gt;&lt;pre style="display:inline-block; margin: 0;"&gt;None&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style="width:25%"&gt;edxnotes&lt;/td&gt;&lt;td&gt;&lt;pre style="display:inline-block; margin: 0;"&gt;False&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style="width:25%"&gt;source_file&lt;/td&gt;&lt;td&gt;&lt;pre style="display:inline-block; margin: 0;"&gt;None&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style="width:25%"&gt;course_edit_method&lt;/td&gt;&lt;td&gt;&lt;pre style="display:inline-block; margin: 0;"&gt;Studio&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style="width:25%"&gt;default_tab&lt;/td&gt;&lt;td&gt;&lt;pre style="display:inline-block; margin: 0;"&gt;None&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style="width:25%"&gt;in_entrance_exam&lt;/td&gt;&lt;td&gt;&lt;pre style="display:inline-block; margin: 0;"&gt;False&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style="width:25%"&gt;showanswer&lt;/td&gt;&lt;td&gt;&lt;pre style="display:inline-block; margin: 0;"&gt;attempted&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style="width:25%"&gt;display_name&lt;/td&gt;&lt;td&gt;&lt;pre style="display:inline-block; margin: 0;"&gt;Blank HTML Page&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style="width:25%"&gt;video_speed_optimizations&lt;/td&gt;&lt;td&gt;&lt;pre style="display:inline-block; margin: 0;"&gt;True&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style="width:25%"&gt;graceperiod&lt;/td&gt;&lt;td&gt;&lt;pre style="display:inline-block; margin: 0;"&gt;5:00:00&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style="width:25%"&gt;format&lt;/td&gt;&lt;td&gt;&lt;pre style="display:inline-block; margin: 0;"&gt;None&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style="width:25%"&gt;due&lt;/td&gt;&lt;td&gt;&lt;pre style="display:inline-block; margin: 0;"&gt;None&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style="width:25%"&gt;start&lt;/td&gt;&lt;td&gt;&lt;pre style="display:inline-block; margin: 0;"&gt;1970-01-01 05:00:00+00:00&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style="width:25%"&gt;editor&lt;/td&gt;&lt;td&gt;&lt;pre style="display:inline-block; margin: 0;"&gt;visual&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style="width:25%"&gt;video_bumper&lt;/td&gt;&lt;td&gt;&lt;pre style="display:inline-block; margin: 0;"&gt;{}&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style="width:25%"&gt;max_attempts&lt;/td&gt;&lt;td&gt;&lt;pre style="display:inline-block; margin: 0;"&gt;None&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style="width:25%"&gt;parent&lt;/td&gt;&lt;td&gt;&lt;pre style="display:inline-block; margin: 0;"&gt;block-v1:edX+DemoX+Demo_Course+type@vertical+block@vertical_0270f6de40fc&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style="width:25%"&gt;tags&lt;/td&gt;&lt;td&gt;&lt;pre style="display:inline-block; margin: 0;"&gt;[]&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style="width:25%"&gt;matlab_api_key&lt;/td&gt;&lt;td&gt;&lt;pre style="display:inline-block; margin: 0;"&gt;None&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style="width:25%"&gt;xqa_key&lt;/td&gt;&lt;td&gt;&lt;pre style="display:inline-block; margin: 0;"&gt;qaijS3UatK020Wc0sfCtFe0V6jpB4d64&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style="width:25%"&gt;annotation_storage_url&lt;/td&gt;&lt;td&gt;&lt;pre style="display:inline-block; margin: 0;"&gt;http://your_annotation_storage.com&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style="width:25%"&gt;use_latex_compiler&lt;/td&gt;&lt;td&gt;&lt;pre style="display:inline-block; margin: 0;"&gt;False&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style="width:25%"&gt;days_early_for_beta&lt;/td&gt;&lt;td&gt;&lt;pre style="display:inline-block; margin: 0;"&gt;None&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style="width:25%"&gt;show_correctness&lt;/td&gt;&lt;td&gt;&lt;pre style="display:inline-block; margin: 0;"&gt;always&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style="width:25%"&gt;source_code&lt;/td&gt;&lt;td&gt;&lt;pre style="display:inline-block; margin: 0;"&gt;None&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style="width:25%"&gt;data&lt;/td&gt;&lt;td&gt;&lt;pre style="display:inline-block; margin: 0;"&gt;&amp;lt;p&amp;gt;&amp;lt;strong&amp;gt;Welcome to the edX Demo Course Introduction.&amp;lt;/strong&amp;gt;&amp;amp;nbsp;This is where you can explore how to take an edX course (like this one). Most courses have an &amp;#34;intro&amp;#34; video that shows you how it all works.&amp;amp;nbsp;&amp;lt;/p&amp;gt;
&amp;lt;p style=&amp;#34;margin-right: 0px; font-size: 16px; margin-left: 0px; font-family: &amp;#39;Open Sans&amp;#39;, Verdana, Geneva, sans-serif;&amp;#34;&amp;gt;You can watch the introduction video (below) or scroll though the course studies and assignments using the toolbar (above). &amp;amp;nbsp;Just for fun, we&amp;#39;ll keep track of your work in this demo course, and show you your progress in the toolbar just like in a real course.&amp;lt;/p&amp;gt;
&amp;lt;p style=&amp;#34;margin-right: 0px; font-size: 16px; margin-left: 0px; font-family: &amp;#39;Open Sans&amp;#39;, Verdana, Geneva, sans-serif;&amp;#34;&amp;gt;Watch the overview video (below), then click on &amp;#34;Example Week One&amp;#34; in the left hand navigation to get started.&amp;lt;/p&amp;gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style="width:25%"&gt;static_asset_path&lt;/td&gt;&lt;td&gt;&lt;pre style="display:inline-block; margin: 0;"&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style="width:25%"&gt;name&lt;/td&gt;&lt;td&gt;&lt;pre style="display:inline-block; margin: 0;"&gt;None&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style="width:25%"&gt;hide_from_toc&lt;/td&gt;&lt;td&gt;&lt;pre style="display:inline-block; margin: 0;"&gt;False&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style="width:25%"&gt;group_access&lt;/td&gt;&lt;td&gt;&lt;pre style="display:inline-block; margin: 0;"&gt;{}&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style="width:25%"&gt;rerandomize&lt;/td&gt;&lt;td&gt;&lt;pre style="display:inline-block; margin: 0;"&gt;never&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style="width:25%"&gt;user_partitions&lt;/td&gt;&lt;td&gt;&lt;pre style="display:inline-block; margin: 0;"&gt;[]&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style="width:25%"&gt;chrome&lt;/td&gt;&lt;td&gt;&lt;pre style="display:inline-block; margin: 0;"&gt;None&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style="width:25%"&gt;edxnotes_visibility&lt;/td&gt;&lt;td&gt;&lt;pre style="display:inline-block; margin: 0;"&gt;True&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style="width:25%"&gt;show_reset_button&lt;/td&gt;&lt;td&gt;&lt;pre style="display:inline-block; margin: 0;"&gt;False&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style="width:25%"&gt;self_paced&lt;/td&gt;&lt;td&gt;&lt;pre style="display:inline-block; margin: 0;"&gt;False&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/table&gt;
&lt;table&gt;
&lt;tr&gt;&lt;th&gt;XML attributes&lt;/th&gt;&lt;/tr&gt;
&lt;/table&gt;
category = HtmlModuleWithMixins
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;

&lt;div aria-hidden="true" role="dialog" tabindex="-1" class="modal history-modal" id="030e35c4756a4ddc8d40b95fbbfff4d4_history"&gt;
&lt;div class="inner-wrapper"&gt;
&lt;header&gt;
&lt;h2&gt;Submission History Viewer&lt;/h2&gt;
&lt;/header&gt;
&lt;form id="030e35c4756a4ddc8d40b95fbbfff4d4_history_form"&gt;
&lt;label for="030e35c4756a4ddc8d40b95fbbfff4d4_history_student_username"&gt;User:&lt;/label&gt;
&lt;input tabindex="0" id="030e35c4756a4ddc8d40b95fbbfff4d4_history_student_username" type="text" placeholder=""/&gt;
&lt;input type="hidden" id="030e35c4756a4ddc8d40b95fbbfff4d4_history_location" value="block-v1:edX+DemoX+Demo_Course+type@html+block@030e35c4756a4ddc8d40b95fbbfff4d4"/&gt;
&lt;div class="submit"&gt;
&lt;button name="submit" type="submit"&gt;View History&lt;/button&gt;
&lt;/div&gt;
&lt;/form&gt;

&lt;div id="030e35c4756a4ddc8d40b95fbbfff4d4_history_text" class="staff_info" style="display:block"&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;

&lt;div id="030e35c4756a4ddc8d40b95fbbfff4d4_setup"&gt;&lt;/div&gt;

&lt;script type="text/javascript"&gt;
// assumes courseware.html's loaded this method.
$(function () {
setup_debug('030e35c4756a4ddc8d40b95fbbfff4d4',
null,
{
'location': 'block\u002Dv1:edX+DemoX+Demo_Course+type@html+block@030e35c4756a4ddc8d40b95fbbfff4d4',
'xqa_key': 'qaijS3UatK020Wc0sfCtFe0V6jpB4d64',
'category': 'HtmlModuleWithMixins',
'user': 'AndyA'
}
);
});
&lt;/script&gt;

&lt;/div&gt;
&lt;div class="vert vert-1" data-id="block-v1:edX+DemoX+Demo_Course+type@video+block@0b9e39477cf34507a7a48f74be381fdd"&gt;



&lt;div class="xblock xblock-student_view xblock-student_view-video xmodule_display xmodule_VideoModule" data-runtime-class="LmsRuntime" data-init="XBlockToXModuleShim" data-block-type="video" data-request-token="cd3bba7c68a511e7826c08002779ca96" data-runtime-version="1" data-usage-id="block-v1:edX+DemoX+Demo_Course+type@video+block@0b9e39477cf34507a7a48f74be381fdd" data-type="Video" data-course-id="course-v1:edX+DemoX+Demo_Course"&gt;
&lt;script type="json/xblock-args" class="xblock-json-init-args"&gt;
{"xmodule-type": "Video"}
&lt;/script&gt;



&lt;h3 class="hd hd-2"&gt;Welcome!&lt;/h3&gt;

&lt;div
id="video_0b9e39477cf34507a7a48f74be381fdd"
class="video closed"
data-metadata='{&amp;#34;savedVideoPosition&amp;#34;: 0.0, &amp;#34;ytMetadataUrl&amp;#34;: &amp;#34;https://www.googleapis.com/youtube/v3/videos/&amp;#34;, &amp;#34;sources&amp;#34;: [&amp;#34;https://s3.amazonaws.com/edx-course-videos/edx-edx101/EDXSPCPJSP13-H010000_100.mp4&amp;#34;], &amp;#34;speed&amp;#34;: null, &amp;#34;generalSpeed&amp;#34;: 1.0, &amp;#34;end&amp;#34;: 0.0, &amp;#34;sub&amp;#34;: &amp;#34;name_of_file&amp;#34;, &amp;#34;ytTestTimeout&amp;#34;: 1500, &amp;#34;transcriptLanguages&amp;#34;: {&amp;#34;en&amp;#34;: &amp;#34;English&amp;#34;}, &amp;#34;start&amp;#34;: 0.0, &amp;#34;ytKey&amp;#34;: &amp;#34;PUT_YOUR_API_KEY_HERE&amp;#34;, &amp;#34;poster&amp;#34;: null, &amp;#34;recordedYoutubeIsAvailable&amp;#34;: true, &amp;#34;ytApiUrl&amp;#34;: &amp;#34;https://www.youtube.com/iframe_api&amp;#34;, &amp;#34;saveStateUrl&amp;#34;: &amp;#34;/courses/course-v1:edX+DemoX+Demo_Course/xblock/block-v1:edX+DemoX+Demo_Course+type@video+block@0b9e39477cf34507a7a48f74be381fdd/handler/xmodule_handler/save_user_state&amp;#34;, &amp;#34;transcriptAvailableTranslationsUrl&amp;#34;: &amp;#34;/courses/course-v1:edX+DemoX+Demo_Course/xblock/block-v1:edX+DemoX+Demo_Course+type@video+block@0b9e39477cf34507a7a48f74be381fdd/handler/transcript/available_translations&amp;#34;, &amp;#34;transcriptLanguage&amp;#34;: &amp;#34;en&amp;#34;, &amp;#34;showCaptions&amp;#34;: &amp;#34;true&amp;#34;, &amp;#34;autohideHtml5&amp;#34;: false, &amp;#34;streams&amp;#34;: &amp;#34;1.00:b7xgknqkQk8&amp;#34;, &amp;#34;transcriptTranslationUrl&amp;#34;: &amp;#34;/courses/course-v1:edX+DemoX+Demo_Course/xblock/block-v1:edX+DemoX+Demo_Course+type@video+block@0b9e39477cf34507a7a48f74be381fdd/handler/transcript/translation/__lang__&amp;#34;, &amp;#34;captionDataDir&amp;#34;: null, &amp;#34;autoplay&amp;#34;: false}'
data-bumper-metadata='null'
data-poster='null'
tabindex="-1"
&gt;
&lt;div class="focus_grabber first"&gt;&lt;/div&gt;

&lt;div class="tc-wrapper"&gt;
&lt;div class="video-wrapper"&gt;
&lt;span tabindex="0" class="spinner" aria-hidden="false" aria-label="Loading video player"&gt;&lt;/span&gt;
&lt;span tabindex="-1" class="btn-play fa fa-youtube-play fa-2x is-hidden" aria-hidden="true" aria-label="Play video"&gt;&lt;/span&gt;
&lt;div class="video-player-pre"&gt;&lt;/div&gt;
&lt;div class="video-player"&gt;
&lt;div id="0b9e39477cf34507a7a48f74be381fdd"&gt;&lt;/div&gt;
&lt;h4 class="hd hd-4 video-error is-hidden"&gt;No playable video sources found.&lt;/h4&gt;
&lt;h4 class="hd hd-4 video-hls-error is-hidden"&gt;
Your browser does not support this video format. Try using a different browser.
&lt;/h4&gt;
&lt;/div&gt;
&lt;div class="video-player-post"&gt;&lt;/div&gt;
&lt;div class="closed-captions"&gt;&lt;/div&gt;
&lt;div class="video-controls is-hidden"&gt;
&lt;div&gt;
&lt;div class="vcr"&gt;&lt;div class="vidtime"&gt;0:00 / 0:00&lt;/div&gt;&lt;/div&gt;
&lt;div class="secondary-controls"&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;

&lt;div class="focus_grabber last"&gt;&lt;/div&gt;

&lt;h3 class="hd hd-4 downloads-heading sr" id="video-download-transcripts_0b9e39477cf34507a7a48f74be381fdd"&gt;Downloads and transcripts&lt;/h3&gt;
&lt;div class="wrapper-downloads" role="region" aria-labelledby="video-download-transcripts_0b9e39477cf34507a7a48f74be381fdd"&gt;
&lt;div class="wrapper-download-video"&gt;
&lt;h4 class="hd hd-5"&gt;Video&lt;/h4&gt;
&lt;a class="btn-link video-sources video-download-button" href="https://s3.amazonaws.com/edx-course-videos/edx-edx101/EDXSPCPJSP13-H010000_100.mp4"&gt;
Download video file
&lt;/a&gt;
&lt;/div&gt;
&lt;div class="wrapper-download-transcripts"&gt;
&lt;h4 class="hd hd-5"&gt;Transcripts&lt;/h4&gt;
&lt;ul class="list-download-transcripts"&gt;
&lt;li class="transcript-option"&gt;

&lt;a class="btn btn-link" href="/courses/course-v1:edX+DemoX+Demo_Course/xblock/block-v1:edX+DemoX+Demo_Course+type@video+block@0b9e39477cf34507a7a48f74be381fdd/handler/transcript/download" data-value="srt"&gt;Download SubRip (.srt) file&lt;/a&gt;
&lt;/li&gt;
&lt;li class="transcript-option"&gt;

&lt;a class="btn btn-link" href="/courses/course-v1:edX+DemoX+Demo_Course/xblock/block-v1:edX+DemoX+Demo_Course+type@video+block@0b9e39477cf34507a7a48f74be381fdd/handler/transcript/download" data-value="txt"&gt;Download Text (.txt) file&lt;/a&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;

&lt;/div&gt;

&lt;div class="wrap-instructor-info"&gt;
&lt;a class="instructor-info-action" href="#0b9e39477cf34507a7a48f74be381fdd_debug" id="0b9e39477cf34507a7a48f74be381fdd_trig"&gt;Staff Debug Info&lt;/a&gt;

&lt;/div&gt;

&lt;div aria-hidden="true" role="dialog" tabindex="-1" id="0b9e39477cf34507a7a48f74be381fdd_xqa-modal" class="modal xqa-modal"&gt;
&lt;div class="inner-wrapper"&gt;
&lt;header&gt;
&lt;h2&gt;Your Platform Name Here Content Quality Assessment&lt;/h2&gt;
&lt;/header&gt;

&lt;form id="0b9e39477cf34507a7a48f74be381fdd_xqa_form" class="xqa_form"&gt;
&lt;label for="0b9e39477cf34507a7a48f74be381fdd_xqa_entry"&gt;Comment&lt;/label&gt;
&lt;input tabindex="0" id="0b9e39477cf34507a7a48f74be381fdd_xqa_entry" type="text" placeholder="comment"&gt;
&lt;label for="0b9e39477cf34507a7a48f74be381fdd_xqa_tag"&gt;Tag&lt;/label&gt;
&lt;span style="color:black;vertical-align: -10pt"&gt;Optional tag (eg "done" or "broken"):&amp;nbsp;       &lt;/span&gt;
&lt;input id="0b9e39477cf34507a7a48f74be381fdd_xqa_tag" type="text" placeholder="tag" style="width:80px;display:inline"&gt;
&lt;div class="submit"&gt;
&lt;button name="submit" type="submit"&gt;Add comment&lt;/button&gt;
&lt;/div&gt;
&lt;hr&gt;
&lt;div id="0b9e39477cf34507a7a48f74be381fdd_xqa_log_data"&gt;&lt;/div&gt;
&lt;/form&gt;

&lt;/div&gt;
&lt;/div&gt;

&lt;div aria-hidden="true" role="dialog" tabindex="-1" class="modal staff-modal" id="0b9e39477cf34507a7a48f74be381fdd_debug" &gt;
&lt;div class="inner-wrapper"&gt;
&lt;header&gt;
&lt;h2&gt;Staff Debug&lt;/h2&gt;
&lt;/header&gt;

&lt;hr /&gt;
&lt;div class="staff_actions"&gt;
&lt;h3&gt;Actions&lt;/h3&gt;
&lt;div&gt;
&lt;label for="sd_fu_0b9e39477cf34507a7a48f74be381fdd"&gt;Username:&lt;/label&gt;
&lt;input type="text" tabindex="0" id="sd_fu_0b9e39477cf34507a7a48f74be381fdd" placeholder="AndyA"/&gt;
&lt;/div&gt;
&lt;div data-location="block-v1:edX+DemoX+Demo_Course+type@video+block@0b9e39477cf34507a7a48f74be381fdd" data-location-name="0b9e39477cf34507a7a48f74be381fdd"&gt;
[
&lt;button type="button" class="btn-link staff-debug-sdelete"&gt;Delete Learner's State&lt;/button&gt;
]
&lt;/div&gt;
&lt;div id="result_0b9e39477cf34507a7a48f74be381fdd"&gt;&lt;/div&gt;
&lt;/div&gt;

&lt;div class="staff_info" style="display:block"&gt;
is_released = &lt;font color='red'&gt;Yes!&lt;/font&gt;
location = block-v1:edX+DemoX+Demo_Course+type@video+block@0b9e39477cf34507a7a48f74be381fdd

&lt;table summary="Module Fields"&gt;
&lt;tr&gt;&lt;th&gt;Module Fields&lt;/th&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style="width:25%"&gt;transcript_language&lt;/td&gt;&lt;td&gt;&lt;pre style="display:inline-block; margin: 0;"&gt;en&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style="width:25%"&gt;group_access&lt;/td&gt;&lt;td&gt;&lt;pre style="display:inline-block; margin: 0;"&gt;{}&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style="width:25%"&gt;graded&lt;/td&gt;&lt;td&gt;&lt;pre style="display:inline-block; margin: 0;"&gt;False&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style="width:25%"&gt;annotation_token_secret&lt;/td&gt;&lt;td&gt;&lt;pre style="display:inline-block; margin: 0;"&gt;xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style="width:25%"&gt;youtube_id_1_25&lt;/td&gt;&lt;td&gt;&lt;pre style="display:inline-block; margin: 0;"&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style="width:25%"&gt;transcript_download_format&lt;/td&gt;&lt;td&gt;&lt;pre style="display:inline-block; margin: 0;"&gt;srt&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style="width:25%"&gt;giturl&lt;/td&gt;&lt;td&gt;&lt;pre style="display:inline-block; margin: 0;"&gt;None&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style="width:25%"&gt;edxnotes&lt;/td&gt;&lt;td&gt;&lt;pre style="display:inline-block; margin: 0;"&gt;False&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style="width:25%"&gt;show_captions&lt;/td&gt;&lt;td&gt;&lt;pre style="display:inline-block; margin: 0;"&gt;True&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style="width:25%"&gt;source_file&lt;/td&gt;&lt;td&gt;&lt;pre style="display:inline-block; margin: 0;"&gt;None&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style="width:25%"&gt;handout&lt;/td&gt;&lt;td&gt;&lt;pre style="display:inline-block; margin: 0;"&gt;None&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style="width:25%"&gt;course_edit_method&lt;/td&gt;&lt;td&gt;&lt;pre style="display:inline-block; margin: 0;"&gt;Studio&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style="width:25%"&gt;default_tab&lt;/td&gt;&lt;td&gt;&lt;pre style="display:inline-block; margin: 0;"&gt;None&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style="width:25%"&gt;bumper_do_not_show_again&lt;/td&gt;&lt;td&gt;&lt;pre style="display:inline-block; margin: 0;"&gt;False&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style="width:25%"&gt;in_entrance_exam&lt;/td&gt;&lt;td&gt;&lt;pre style="display:inline-block; margin: 0;"&gt;False&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style="width:25%"&gt;showanswer&lt;/td&gt;&lt;td&gt;&lt;pre style="display:inline-block; margin: 0;"&gt;attempted&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style="width:25%"&gt;display_name&lt;/td&gt;&lt;td&gt;&lt;pre style="display:inline-block; margin: 0;"&gt;Welcome!&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style="width:25%"&gt;sub&lt;/td&gt;&lt;td&gt;&lt;pre style="display:inline-block; margin: 0;"&gt;name_of_file&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style="width:25%"&gt;video_speed_optimizations&lt;/td&gt;&lt;td&gt;&lt;pre style="display:inline-block; margin: 0;"&gt;True&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style="width:25%"&gt;graceperiod&lt;/td&gt;&lt;td&gt;&lt;pre style="display:inline-block; margin: 0;"&gt;5:00:00&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style="width:25%"&gt;speed&lt;/td&gt;&lt;td&gt;&lt;pre style="display:inline-block; margin: 0;"&gt;None&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style="width:25%"&gt;format&lt;/td&gt;&lt;td&gt;&lt;pre style="display:inline-block; margin: 0;"&gt;None&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style="width:25%"&gt;due&lt;/td&gt;&lt;td&gt;&lt;pre style="display:inline-block; margin: 0;"&gt;None&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style="width:25%"&gt;edx_video_id&lt;/td&gt;&lt;td&gt;&lt;pre style="display:inline-block; margin: 0;"&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style="width:25%"&gt;start&lt;/td&gt;&lt;td&gt;&lt;pre style="display:inline-block; margin: 0;"&gt;1970-01-01 05:00:00+00:00&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style="width:25%"&gt;youtube_id_1_0&lt;/td&gt;&lt;td&gt;&lt;pre style="display:inline-block; margin: 0;"&gt;b7xgknqkQk8&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style="width:25%"&gt;only_on_web&lt;/td&gt;&lt;td&gt;&lt;pre style="display:inline-block; margin: 0;"&gt;False&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style="width:25%"&gt;youtube_id_1_5&lt;/td&gt;&lt;td&gt;&lt;pre style="display:inline-block; margin: 0;"&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style="width:25%"&gt;days_early_for_beta&lt;/td&gt;&lt;td&gt;&lt;pre style="display:inline-block; margin: 0;"&gt;None&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style="width:25%"&gt;start_time&lt;/td&gt;&lt;td&gt;&lt;pre style="display:inline-block; margin: 0;"&gt;0:00:00&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style="width:25%"&gt;visible_to_staff_only&lt;/td&gt;&lt;td&gt;&lt;pre style="display:inline-block; margin: 0;"&gt;False&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style="width:25%"&gt;download_video&lt;/td&gt;&lt;td&gt;&lt;pre style="display:inline-block; margin: 0;"&gt;True&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style="width:25%"&gt;parent&lt;/td&gt;&lt;td&gt;&lt;pre style="display:inline-block; margin: 0;"&gt;block-v1:edX+DemoX+Demo_Course+type@vertical+block@vertical_0270f6de40fc&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style="width:25%"&gt;tags&lt;/td&gt;&lt;td&gt;&lt;pre style="display:inline-block; margin: 0;"&gt;[]&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style="width:25%"&gt;matlab_api_key&lt;/td&gt;&lt;td&gt;&lt;pre style="display:inline-block; margin: 0;"&gt;None&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style="width:25%"&gt;xqa_key&lt;/td&gt;&lt;td&gt;&lt;pre style="display:inline-block; margin: 0;"&gt;qaijS3UatK020Wc0sfCtFe0V6jpB4d64&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style="width:25%"&gt;youtube_is_available&lt;/td&gt;&lt;td&gt;&lt;pre style="display:inline-block; margin: 0;"&gt;True&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style="width:25%"&gt;html5_sources&lt;/td&gt;&lt;td&gt;&lt;pre style="display:inline-block; margin: 0;"&gt;[u&amp;#39;https://s3.amazonaws.com/edx-course-videos/edx-edx101/EDXSPCPJSP13-H010000_100.mp4&amp;#39;]&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style="width:25%"&gt;global_speed&lt;/td&gt;&lt;td&gt;&lt;pre style="display:inline-block; margin: 0;"&gt;1.0&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style="width:25%"&gt;annotation_storage_url&lt;/td&gt;&lt;td&gt;&lt;pre style="display:inline-block; margin: 0;"&gt;http://your_annotation_storage.com&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style="width:25%"&gt;track&lt;/td&gt;&lt;td&gt;&lt;pre style="display:inline-block; margin: 0;"&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style="width:25%"&gt;use_latex_compiler&lt;/td&gt;&lt;td&gt;&lt;pre style="display:inline-block; margin: 0;"&gt;False&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style="width:25%"&gt;video_bumper&lt;/td&gt;&lt;td&gt;&lt;pre style="display:inline-block; margin: 0;"&gt;{}&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style="width:25%"&gt;show_correctness&lt;/td&gt;&lt;td&gt;&lt;pre style="display:inline-block; margin: 0;"&gt;always&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style="width:25%"&gt;youtube_id_0_75&lt;/td&gt;&lt;td&gt;&lt;pre style="display:inline-block; margin: 0;"&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style="width:25%"&gt;static_asset_path&lt;/td&gt;&lt;td&gt;&lt;pre style="display:inline-block; margin: 0;"&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style="width:25%"&gt;hide_from_toc&lt;/td&gt;&lt;td&gt;&lt;pre style="display:inline-block; margin: 0;"&gt;False&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style="width:25%"&gt;bumper_last_view_date&lt;/td&gt;&lt;td&gt;&lt;pre style="display:inline-block; margin: 0;"&gt;None&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style="width:25%"&gt;show_reset_button&lt;/td&gt;&lt;td&gt;&lt;pre style="display:inline-block; margin: 0;"&gt;False&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style="width:25%"&gt;name&lt;/td&gt;&lt;td&gt;&lt;pre style="display:inline-block; margin: 0;"&gt;None&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style="width:25%"&gt;license&lt;/td&gt;&lt;td&gt;&lt;pre style="display:inline-block; margin: 0;"&gt;None&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style="width:25%"&gt;rerandomize&lt;/td&gt;&lt;td&gt;&lt;pre style="display:inline-block; margin: 0;"&gt;never&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style="width:25%"&gt;user_partitions&lt;/td&gt;&lt;td&gt;&lt;pre style="display:inline-block; margin: 0;"&gt;[]&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style="width:25%"&gt;chrome&lt;/td&gt;&lt;td&gt;&lt;pre style="display:inline-block; margin: 0;"&gt;None&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style="width:25%"&gt;download_track&lt;/td&gt;&lt;td&gt;&lt;pre style="display:inline-block; margin: 0;"&gt;True&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style="width:25%"&gt;edxnotes_visibility&lt;/td&gt;&lt;td&gt;&lt;pre style="display:inline-block; margin: 0;"&gt;True&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style="width:25%"&gt;source&lt;/td&gt;&lt;td&gt;&lt;pre style="display:inline-block; margin: 0;"&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style="width:25%"&gt;transcripts&lt;/td&gt;&lt;td&gt;&lt;pre style="display:inline-block; margin: 0;"&gt;{}&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style="width:25%"&gt;max_attempts&lt;/td&gt;&lt;td&gt;&lt;pre style="display:inline-block; margin: 0;"&gt;None&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style="width:25%"&gt;saved_video_position&lt;/td&gt;&lt;td&gt;&lt;pre style="display:inline-block; margin: 0;"&gt;0:00:00&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style="width:25%"&gt;self_paced&lt;/td&gt;&lt;td&gt;&lt;pre style="display:inline-block; margin: 0;"&gt;False&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td style="width:25%"&gt;end_time&lt;/td&gt;&lt;td&gt;&lt;pre style="display:inline-block; margin: 0;"&gt;0:00:00&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/table&gt;
&lt;table&gt;
&lt;tr&gt;&lt;th&gt;XML attributes&lt;/th&gt;&lt;/tr&gt;
&lt;/table&gt;
category = VideoModuleWithMixins
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;

&lt;div aria-hidden="true" role="dialog" tabindex="-1" class="modal history-modal" id="0b9e39477cf34507a7a48f74be381fdd_history"&gt;
&lt;div class="inner-wrapper"&gt;
&lt;header&gt;
&lt;h2&gt;Submission History Viewer&lt;/h2&gt;
&lt;/header&gt;
&lt;form id="0b9e39477cf34507a7a48f74be381fdd_history_form"&gt;
&lt;label for="0b9e39477cf34507a7a48f74be381fdd_history_student_username"&gt;User:&lt;/label&gt;
&lt;input tabindex="0" id="0b9e39477cf34507a7a48f74be381fdd_history_student_username" type="text" placeholder=""/&gt;
&lt;input type="hidden" id="0b9e39477cf34507a7a48f74be381fdd_history_location" value="block-v1:edX+DemoX+Demo_Course+type@video+block@0b9e39477cf34507a7a48f74be381fdd"/&gt;
&lt;div class="submit"&gt;
&lt;button name="submit" type="submit"&gt;View History&lt;/button&gt;
&lt;/div&gt;
&lt;/form&gt;

&lt;div id="0b9e39477cf34507a7a48f74be381fdd_history_text" class="staff_info" style="display:block"&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;

&lt;div id="0b9e39477cf34507a7a48f74be381fdd_setup"&gt;&lt;/div&gt;

&lt;script type="text/javascript"&gt;
// assumes courseware.html's loaded this method.
$(function () {
setup_debug('0b9e39477cf34507a7a48f74be381fdd',
null,
{
'location': 'block\u002Dv1:edX+DemoX+Demo_Course+type@video+block@0b9e39477cf34507a7a48f74be381fdd',
'xqa_key': 'qaijS3UatK020Wc0sfCtFe0V6jpB4d64',
'category': 'VideoModuleWithMixins',
'user': 'AndyA'
}
);
});
&lt;/script&gt;

&lt;/div&gt;
&lt;/div&gt;

&lt;/div&gt;

</div>
<div id="seq_content" role="tabpanel" aria-labelledby="tab_0">


<div class="wrap-instructor-info studio-view">
    <a class="instructor-info-action" href="//localhost:18010/container/block-v1:edX+DemoX+Demo_Course+type@vertical+block@vertical_0270f6de40fc">View Unit in Studio</a>
</div>
<div class="xblock xblock-student_view xblock-student_view-vertical xblock-initialized" data-runtime-class="LmsRuntime" data-init="VerticalStudentView" data-course-id="course-v1:edX+DemoX+Demo_Course" data-request-token="cd3bba7c68a511e7826c08002779ca96" data-runtime-version="1" data-usage-id="block-v1:edX+DemoX+Demo_Course+type@vertical+block@vertical_0270f6de40fc" data-block-type="vertical">


    <h2 class="hd hd-2 unit-title">Introduction: Video and Sequences</h2>





    <div class="bookmark-button-wrapper">
        <button class="btn btn-link bookmark-button" aria-pressed="false" data-bookmark-id="AndyA,block-v1:edX+DemoX+Demo_Course+type@vertical+block@vertical_0270f6de40fc" data-bookmarks-api-url="/api/bookmarks/v1/bookmarks/">
            <span class="bookmark-text">Bookmark this page</span>
        </button>
    </div>


    <div class="vert-mod">
        <div class="vert vert-0" data-id="block-v1:edX+DemoX+Demo_Course+type@html+block@030e35c4756a4ddc8d40b95fbbfff4d4">



            <div class="xblock xblock-student_view xblock-student_view-html xmodule_display xmodule_HtmlModule xblock-initialized" data-runtime-class="LmsRuntime" data-init="XBlockToXModuleShim" data-block-type="html" data-request-token="cd3bba7c68a511e7826c08002779ca96" data-runtime-version="1" data-usage-id="block-v1:edX+DemoX+Demo_Course+type@html+block@030e35c4756a4ddc8d40b95fbbfff4d4" data-type="HTMLModule" data-course-id="course-v1:edX+DemoX+Demo_Course">

                <p><strong>Welcome to the edX Demo Course Introduction.</strong>&nbsp;This is where you can explore how to take an edX course (like this one). Most courses have an "intro" video that shows you how it all works.&nbsp;</p>
                <p style="margin-right: 0px; font-size: 16px; margin-left: 0px; font-family: 'Open Sans', Verdana, Geneva, sans-serif;">You can watch the introduction video (below) or scroll though the course studies and assignments using the toolbar (above). &nbsp;Just for fun, we'll keep track of your work in this demo course, and show you your progress in the toolbar just like in a real course.</p>
                <p style="margin-right: 0px; font-size: 16px; margin-left: 0px; font-family: 'Open Sans', Verdana, Geneva, sans-serif;">Watch the overview video (below), then click on "Example Week One" in the left hand navigation to get started.</p>
            </div>

            <div class="wrap-instructor-info">
                <a class="instructor-info-action" href="#030e35c4756a4ddc8d40b95fbbfff4d4_debug" id="030e35c4756a4ddc8d40b95fbbfff4d4_trig">Staff Debug Info</a>

            </div>

            <div aria-hidden="true" role="dialog" tabindex="-1" id="030e35c4756a4ddc8d40b95fbbfff4d4_xqa-modal" class="modal xqa-modal">
                <div class="inner-wrapper">
                    <header>
                        <h2>Your Platform Name Here Content Quality Assessment</h2>
                    </header>

                    <form id="030e35c4756a4ddc8d40b95fbbfff4d4_xqa_form" class="xqa_form">
                        <label for="030e35c4756a4ddc8d40b95fbbfff4d4_xqa_entry">Comment</label>
                        <input tabindex="0" id="030e35c4756a4ddc8d40b95fbbfff4d4_xqa_entry" type="text" placeholder="comment">
                        <label for="030e35c4756a4ddc8d40b95fbbfff4d4_xqa_tag">Tag</label>
                        <span style="color:black;vertical-align: -10pt">Optional tag (eg "done" or "broken"):&nbsp;       </span>
                        <input id="030e35c4756a4ddc8d40b95fbbfff4d4_xqa_tag" type="text" placeholder="tag" style="width:80px;display:inline">
                        <div class="submit">
                            <button name="submit" type="submit">Add comment</button>
                        </div>
                        <hr>
                        <div id="030e35c4756a4ddc8d40b95fbbfff4d4_xqa_log_data"></div>
                    </form>

                </div>
            </div>

            <div aria-hidden="true" role="dialog" tabindex="-1" class="modal staff-modal" id="030e35c4756a4ddc8d40b95fbbfff4d4_debug">
                <div class="inner-wrapper">
                    <header>
                        <h2>Staff Debug</h2>
                    </header>

                    <hr>
                    <div class="staff_actions">
                        <h3>Actions</h3>
                        <div>
                            <label for="sd_fu_030e35c4756a4ddc8d40b95fbbfff4d4">Username:</label>
                            <input type="text" tabindex="0" id="sd_fu_030e35c4756a4ddc8d40b95fbbfff4d4" placeholder="AndyA">
                        </div>
                        <div data-location="block-v1:edX+DemoX+Demo_Course+type@html+block@030e35c4756a4ddc8d40b95fbbfff4d4" data-location-name="030e35c4756a4ddc8d40b95fbbfff4d4">
                            [
                            <button type="button" class="btn-link staff-debug-sdelete">Delete Learner's State</button>
                            ]
                        </div>
                        <div id="result_030e35c4756a4ddc8d40b95fbbfff4d4"></div>
                    </div>

                    <div class="staff_info" style="display:block">
                        is_released = <font color="red">Yes!</font>
                        location = block-v1:edX+DemoX+Demo_Course+type@html+block@030e35c4756a4ddc8d40b95fbbfff4d4

                        <table summary="Module Fields">
                            <tbody><tr><th>Module Fields</th></tr>
                            <tr><td style="width:25%">visible_to_staff_only</td><td><pre style="display:inline-block; margin: 0;">False</pre></td></tr>
                            <tr><td style="width:25%">graded</td><td><pre style="display:inline-block; margin: 0;">False</pre></td></tr>
                            <tr><td style="width:25%">annotation_token_secret</td><td><pre style="display:inline-block; margin: 0;">xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx</pre></td></tr>
                            <tr><td style="width:25%">giturl</td><td><pre style="display:inline-block; margin: 0;">None</pre></td></tr>
                            <tr><td style="width:25%">edxnotes</td><td><pre style="display:inline-block; margin: 0;">False</pre></td></tr>
                            <tr><td style="width:25%">source_file</td><td><pre style="display:inline-block; margin: 0;">None</pre></td></tr>
                            <tr><td style="width:25%">course_edit_method</td><td><pre style="display:inline-block; margin: 0;">Studio</pre></td></tr>
                            <tr><td style="width:25%">default_tab</td><td><pre style="display:inline-block; margin: 0;">None</pre></td></tr>
                            <tr><td style="width:25%">in_entrance_exam</td><td><pre style="display:inline-block; margin: 0;">False</pre></td></tr>
                            <tr><td style="width:25%">showanswer</td><td><pre style="display:inline-block; margin: 0;">attempted</pre></td></tr>
                            <tr><td style="width:25%">display_name</td><td><pre style="display:inline-block; margin: 0;">Blank HTML Page</pre></td></tr>
                            <tr><td style="width:25%">video_speed_optimizations</td><td><pre style="display:inline-block; margin: 0;">True</pre></td></tr>
                            <tr><td style="width:25%">graceperiod</td><td><pre style="display:inline-block; margin: 0;">5:00:00</pre></td></tr>
                            <tr><td style="width:25%">format</td><td><pre style="display:inline-block; margin: 0;">None</pre></td></tr>
                            <tr><td style="width:25%">due</td><td><pre style="display:inline-block; margin: 0;">None</pre></td></tr>
                            <tr><td style="width:25%">start</td><td><pre style="display:inline-block; margin: 0;">1970-01-01 05:00:00+00:00</pre></td></tr>
                            <tr><td style="width:25%">editor</td><td><pre style="display:inline-block; margin: 0;">visual</pre></td></tr>
                            <tr><td style="width:25%">video_bumper</td><td><pre style="display:inline-block; margin: 0;">{}</pre></td></tr>
                            <tr><td style="width:25%">max_attempts</td><td><pre style="display:inline-block; margin: 0;">None</pre></td></tr>
                            <tr><td style="width:25%">parent</td><td><pre style="display:inline-block; margin: 0;">block-v1:edX+DemoX+Demo_Course+type@vertical+block@vertical_0270f6de40fc</pre></td></tr>
                            <tr><td style="width:25%">tags</td><td><pre style="display:inline-block; margin: 0;">[]</pre></td></tr>
                            <tr><td style="width:25%">matlab_api_key</td><td><pre style="display:inline-block; margin: 0;">None</pre></td></tr>
                            <tr><td style="width:25%">xqa_key</td><td><pre style="display:inline-block; margin: 0;">qaijS3UatK020Wc0sfCtFe0V6jpB4d64</pre></td></tr>
                            <tr><td style="width:25%">annotation_storage_url</td><td><pre style="display:inline-block; margin: 0;">http://your_annotation_storage.com</pre></td></tr>
                            <tr><td style="width:25%">use_latex_compiler</td><td><pre style="display:inline-block; margin: 0;">False</pre></td></tr>
                            <tr><td style="width:25%">days_early_for_beta</td><td><pre style="display:inline-block; margin: 0;">None</pre></td></tr>
                            <tr><td style="width:25%">show_correctness</td><td><pre style="display:inline-block; margin: 0;">always</pre></td></tr>
                            <tr><td style="width:25%">source_code</td><td><pre style="display:inline-block; margin: 0;">None</pre></td></tr>
                            <tr><td style="width:25%">data</td><td><pre style="display:inline-block; margin: 0;">&lt;p&gt;&lt;strong&gt;Welcome to the edX Demo Course Introduction.&lt;/strong&gt;&amp;nbsp;This is where you can explore how to take an edX course (like this one). Most courses have an "intro" video that shows you how it all works.&amp;nbsp;&lt;/p&gt;
&lt;p style="margin-right: 0px; font-size: 16px; margin-left: 0px; font-family: 'Open Sans', Verdana, Geneva, sans-serif;"&gt;You can watch the introduction video (below) or scroll though the course studies and assignments using the toolbar (above). &amp;nbsp;Just for fun, we'll keep track of your work in this demo course, and show you your progress in the toolbar just like in a real course.&lt;/p&gt;
&lt;p style="margin-right: 0px; font-size: 16px; margin-left: 0px; font-family: 'Open Sans', Verdana, Geneva, sans-serif;"&gt;Watch the overview video (below), then click on "Example Week One" in the left hand navigation to get started.&lt;/p&gt;</pre></td></tr>
                            <tr><td style="width:25%">static_asset_path</td><td><pre style="display:inline-block; margin: 0;"></pre></td></tr>
                            <tr><td style="width:25%">name</td><td><pre style="display:inline-block; margin: 0;">None</pre></td></tr>
                            <tr><td style="width:25%">hide_from_toc</td><td><pre style="display:inline-block; margin: 0;">False</pre></td></tr>
                            <tr><td style="width:25%">group_access</td><td><pre style="display:inline-block; margin: 0;">{}</pre></td></tr>
                            <tr><td style="width:25%">rerandomize</td><td><pre style="display:inline-block; margin: 0;">never</pre></td></tr>
                            <tr><td style="width:25%">user_partitions</td><td><pre style="display:inline-block; margin: 0;">[]</pre></td></tr>
                            <tr><td style="width:25%">chrome</td><td><pre style="display:inline-block; margin: 0;">None</pre></td></tr>
                            <tr><td style="width:25%">edxnotes_visibility</td><td><pre style="display:inline-block; margin: 0;">True</pre></td></tr>
                            <tr><td style="width:25%">show_reset_button</td><td><pre style="display:inline-block; margin: 0;">False</pre></td></tr>
                            <tr><td style="width:25%">self_paced</td><td><pre style="display:inline-block; margin: 0;">False</pre></td></tr>
                            </tbody></table>
                        <table>
                            <tbody><tr><th>XML attributes</th></tr>
                            </tbody></table>
                        category = HtmlModuleWithMixins
                    </div>
                </div>
            </div>

            <div aria-hidden="true" role="dialog" tabindex="-1" class="modal history-modal" id="030e35c4756a4ddc8d40b95fbbfff4d4_history">
                <div class="inner-wrapper">
                    <header>
                        <h2>Submission History Viewer</h2>
                    </header>
                    <form id="030e35c4756a4ddc8d40b95fbbfff4d4_history_form">
                        <label for="030e35c4756a4ddc8d40b95fbbfff4d4_history_student_username">User:</label>
                        <input tabindex="0" id="030e35c4756a4ddc8d40b95fbbfff4d4_history_student_username" type="text" placeholder="">
                        <input type="hidden" id="030e35c4756a4ddc8d40b95fbbfff4d4_history_location" value="block-v1:edX+DemoX+Demo_Course+type@html+block@030e35c4756a4ddc8d40b95fbbfff4d4">
                        <div class="submit">
                            <button name="submit" type="submit">View History</button>
                        </div>
                    </form>

                    <div id="030e35c4756a4ddc8d40b95fbbfff4d4_history_text" class="staff_info" style="display:block">
                    </div>
                </div>
            </div>

            <div id="030e35c4756a4ddc8d40b95fbbfff4d4_setup"></div>

            <script type="text/javascript">
                // assumes courseware.html's loaded this method.
                $(function () {
                    setup_debug('030e35c4756a4ddc8d40b95fbbfff4d4',
                        null,
                        {
                            'location': 'block\u002Dv1:edX+DemoX+Demo_Course+type@html+block@030e35c4756a4ddc8d40b95fbbfff4d4',
                            'xqa_key': 'qaijS3UatK020Wc0sfCtFe0V6jpB4d64',
                            'category': 'HtmlModuleWithMixins',
                            'user': 'AndyA'
                        }
                    );
                });
            </script>

        </div>
        <div class="vert vert-1" data-id="block-v1:edX+DemoX+Demo_Course+type@video+block@0b9e39477cf34507a7a48f74be381fdd">



            <div class="xblock xblock-student_view xblock-student_view-video xmodule_display xmodule_VideoModule xblock-initialized" data-runtime-class="LmsRuntime" data-init="XBlockToXModuleShim" data-block-type="video" data-request-token="cd3bba7c68a511e7826c08002779ca96" data-runtime-version="1" data-usage-id="block-v1:edX+DemoX+Demo_Course+type@video+block@0b9e39477cf34507a7a48f74be381fdd" data-type="Video" data-course-id="course-v1:edX+DemoX+Demo_Course">




                <h3 class="hd hd-2">Welcome!</h3>

                <div id="video_0b9e39477cf34507a7a48f74be381fdd" class="video closed is-captions-rendered is-initialized" data-metadata="{&quot;savedVideoPosition&quot;: 0.0, &quot;ytMetadataUrl&quot;: &quot;https://www.googleapis.com/youtube/v3/videos/&quot;, &quot;sources&quot;: [&quot;https://s3.amazonaws.com/edx-course-videos/edx-edx101/EDXSPCPJSP13-H010000_100.mp4&quot;], &quot;speed&quot;: null, &quot;generalSpeed&quot;: 1.0, &quot;end&quot;: 0.0, &quot;sub&quot;: &quot;name_of_file&quot;, &quot;ytTestTimeout&quot;: 1500, &quot;transcriptLanguages&quot;: {&quot;en&quot;: &quot;English&quot;}, &quot;start&quot;: 0.0, &quot;ytKey&quot;: &quot;PUT_YOUR_API_KEY_HERE&quot;, &quot;poster&quot;: null, &quot;recordedYoutubeIsAvailable&quot;: true, &quot;ytApiUrl&quot;: &quot;https://www.youtube.com/iframe_api&quot;, &quot;saveStateUrl&quot;: &quot;/courses/course-v1:edX+DemoX+Demo_Course/xblock/block-v1:edX+DemoX+Demo_Course+type@video+block@0b9e39477cf34507a7a48f74be381fdd/handler/xmodule_handler/save_user_state&quot;, &quot;transcriptAvailableTranslationsUrl&quot;: &quot;/courses/course-v1:edX+DemoX+Demo_Course/xblock/block-v1:edX+DemoX+Demo_Course+type@video+block@0b9e39477cf34507a7a48f74be381fdd/handler/transcript/available_translations&quot;, &quot;transcriptLanguage&quot;: &quot;en&quot;, &quot;showCaptions&quot;: &quot;true&quot;, &quot;autohideHtml5&quot;: false, &quot;streams&quot;: &quot;1.00:b7xgknqkQk8&quot;, &quot;transcriptTranslationUrl&quot;: &quot;/courses/course-v1:edX+DemoX+Demo_Course/xblock/block-v1:edX+DemoX+Demo_Course+type@video+block@0b9e39477cf34507a7a48f74be381fdd/handler/transcript/translation/__lang__&quot;, &quot;captionDataDir&quot;: null, &quot;autoplay&quot;: false}" data-bumper-metadata="null" data-poster="null" tabindex="-1">
                    <div class="focus_grabber first" tabindex="-1"></div>

                    <div class="tc-wrapper">
                        <div class="video-wrapper">
                            <span tabindex="-1" class="spinner" aria-hidden="true" aria-label="Loading video player"></span>
                            <span tabindex="-1" class="btn-play fa fa-youtube-play fa-2x is-hidden" aria-hidden="true" aria-label="Play video"></span>
                            <div class="video-player-pre"></div>
                            <div class="video-player">
                                <iframe id="0b9e39477cf34507a7a48f74be381fdd" frameborder="0" allowfullscreen="1" title="YouTube video player" width="640" height="360" src="https://www.youtube.com/embed/b7xgknqkQk8?controls=0&amp;wmode=transparent&amp;rel=0&amp;showinfo=0&amp;enablejsapi=1&amp;modestbranding=1&amp;cc_load_policy=0&amp;html5=1&amp;origin=http%3A%2F%2Flocalhost%3A8000&amp;widgetid=1" tabindex="-1" style="height: 641.25px; width: 1140px; top: 19.875px; left: 0px;"></iframe>
                                <h4 class="hd hd-4 video-error is-hidden">No playable video sources found.</h4>
                                <h4 class="hd hd-4 video-hls-error is-hidden">
                                    Your browser does not support this video format. Try using a different browser.
                                </h4>
                            </div>
                            <div class="video-player-post"></div>
                            <div class="closed-captions" style="display: none;"></div>
                            <div class="video-controls"><div class="slider ui-slider ui-slider-horizontal ui-widget ui-widget-content ui-corner-all" role="application" title="Video position. Press space to toggle playback" aria-disabled="false" tabindex="-1"><div class="ui-slider-handle progress-handle ui-state-default ui-corner-all" role="slider" aria-disabled="false" aria-valuetext="0 seconds" aria-valuemax="0" aria-valuemin="0" aria-valuenow="0" tabindex="0" aria-label="Video position. Press space to toggle playback"></div><div class="ui-slider-range ui-widget-header ui-slider-range-min"></div></div>
                                <div>
                                    <div class="vcr"><button class="control video_control play" aria-disabled="false" title="Play"><span class="icon fa fa-play" aria-hidden="true"></span></button><div class="vidtime">0:00 / 0:00</div></div>
                                    <div class="secondary-controls"><div class="speeds menu-container" role="application"><p class="sr instructions" id="speed-instructions-0b9e39477cf34507a7a48f74be381fdd">Press UP to enter the speed menu then use the UP and DOWN arrow keys to navigate the different speeds, then press ENTER to change to the selected speed.</p><button class="control speed-button" aria-disabled="false" aria-expanded="false" title="Video speed: 1.0x" aria-describedby="speed-instructions-0b9e39477cf34507a7a48f74be381fdd"><span><span class="icon fa fa-caret-right" aria-hidden="true"></span></span><span class="label" aria-hidden="true">Speed</span><span class="value">1.0x</span></button><ol class="video-speeds menu"><li data-speed="2.0"><button class="control speed-option" tabindex="-1" aria-pressed="false">2.0x</button></li><li data-speed="1.50"><button class="control speed-option" tabindex="-1" aria-pressed="false">1.50x</button></li><li data-speed="1.25"><button class="control speed-option" tabindex="-1" aria-pressed="false">1.25x</button></li><li data-speed="1.0" class="is-active"><button class="control speed-option" tabindex="-1" aria-pressed="true">1.0x</button></li><li data-speed="0.75"><button class="control speed-option" tabindex="-1" aria-pressed="false">0.75x</button></li><li data-speed="0.50"><button class="control speed-option" tabindex="-1" aria-pressed="false">0.50x</button></li></ol></div><div class="volume" role="application"><p class="sr instructions" id="volume-instructions-0b9e39477cf34507a7a48f74be381fdd">Click on this button to mute or unmute this video or press UP or DOWN buttons to increase or decrease volume level.</p><button class="control" aria-disabled="false" "="" aria-expanded="false" title="Adjust video volume" aria-describedby="volume-instructions-0b9e39477cf34507a7a48f74be381fdd"><span class="icon fa fa-volume-up" aria-hidden="true"></span></button><div class="sr video-live-region" aria-hidden="false" aria-live="polite">Maximum Volume.</div><div class="volume-slider-container" aria-hidden="true" title="Adjust video volume"><div class="volume-slider ui-slider ui-slider-vertical ui-widget ui-widget-content ui-corner-all" role="slider" aria-orientation="vertical" aria-valuemin="0" aria-valuemax="100" aria-valuenow="100" aria-label="Volume" aria-disabled="false"><div class="ui-slider-handle volume-handle ui-state-default ui-corner-all" tabindex="-1" style="bottom: 100%;"></div><div class="ui-slider-range ui-widget-header ui-slider-range-min" style="height: 100%;"></div></div></div></div><button class="control quality-control is-hidden" aria-disabled="false" title="High Definition"><span class="icon icon-hd" aria-hidden="true">HD</span><span class="sr text-translation">High Definition</span>&nbsp;<span class="sr control-text">off</span></button><button class="control add-fullscreen" aria-disabled="false" title="Fill browser"><span class="icon fa fa-arrows-alt" aria-hidden="true"></span></button><div class="grouped-controls"><button class="control toggle-captions" aria-disabled="false" title="Turn on closed captioning"><span class="icon fa fa-cc" aria-hidden="true"></span></button><button class="control toggle-transcript" aria-disabled="false" title="Turn on transcripts"><span class="icon fa fa-quote-left" aria-hidden="true"></span></button></div></div>
                                </div>
                            </div>
                        </div>
                        <div class="subtitles" role="region" id="transcript-0b9e39477cf34507a7a48f74be381fdd" aria-label="Activating a link in this group will skip to the corresponding point in the video." style="max-height: 639.5px;"><h3 id="transcript-label-0b9e39477cf34507a7a48f74be381fdd" class="transcript-title sr">Video transcript</h3><ol id="transcript-captions-0b9e39477cf34507a7a48f74be381fdd" class="subtitles-menu" lang="en"><li class="spacing" style="height: 340.5px;"><a href="#transcript-end-0b9e39477cf34507a7a48f74be381fdd" id="transcript-start-0b9e39477cf34507a7a48f74be381fdd" class="transcript-start" lang="en">Start of transcript. Skip to the end.</a></li><li><span role="link" data-index="0" data-start="0" tabindex="0"></span></li><li><span role="link" data-index="1" data-start="650" tabindex="0">ERIC: Hi, and welcome to the edX demonstration course.</span></li><li><span role="link" data-index="2" data-start="3920" tabindex="0">I'm Eric, and I'm here to help you get a better understanding of how fun and</span></li><li><span role="link" data-index="3" data-start="7450" tabindex="0">easy it is to take an edX course.</span></li><li><span role="link" data-index="4" data-start="10080" tabindex="0">So, let's get started.</span></li><li><span role="link" data-index="5" data-start="11700" tabindex="0">Let me show you how all the parts work together.</span></li><li><span role="link" data-index="6" data-start="13950" tabindex="0">If at any time you want to skip this video and get a firsthand experience</span></li><li><span role="link" data-index="7" data-start="18000" tabindex="0">of the demonstration course, all you have to do is click</span></li><li><span role="link" data-index="8" data-start="21020" tabindex="0">week one to the left.</span></li><li><span role="link" data-index="9" data-start="22710" tabindex="0">Don't worry, I won't be offended.</span></li><li><span role="link" data-index="10" data-start="25050" tabindex="0">Let's first look along the top of the page.</span></li><li><span role="link" data-index="11" data-start="27730" tabindex="0">This area's called the navigation bar.</span></li><li><span role="link" data-index="12" data-start="29990" tabindex="0">Click on Courseware to interact with your course.</span></li><li><span role="link" data-index="13" data-start="32950" tabindex="0">Course Info contains course announcements and updates from the</span></li><li><span role="link" data-index="14" data-start="36190" tabindex="0">course staff.</span></li><li><span role="link" data-index="15" data-start="37390" tabindex="0">If your course has digital textbooks, this is where you'll find them.</span></li><li><span role="link" data-index="16" data-start="41130" tabindex="0">Discussion is where you can communicate with the fellow students</span></li><li><span role="link" data-index="17" data-start="43720" tabindex="0">on topics and projects, and even occasionally with the course staff.</span></li><li><span role="link" data-index="18" data-start="47380" tabindex="0">When available, the course Wiki acts as a knowledge base for your course.</span></li><li><span role="link" data-index="19" data-start="51430" tabindex="0">It's a helpful resource.</span></li><li><span role="link" data-index="20" data-start="53000" tabindex="0">Clicking on Progress will reveal how well you're doing in</span></li><li><span role="link" data-index="21" data-start="55980" tabindex="0">your studies and exams.</span></li><li><span role="link" data-index="22" data-start="57790" tabindex="0">When you take the demo course, we'll provide you with a simple progress</span></li><li><span role="link" data-index="23" data-start="61000" tabindex="0">report matching your results.</span></li><li><span role="link" data-index="24" data-start="64590" tabindex="0">Let's look at the left column now.</span></li><li><span role="link" data-index="25" data-start="66440" tabindex="0">The left side of the Courseware screen contains a course navigation bar</span></li><li><span role="link" data-index="26" data-start="69710" tabindex="0">starting from the top down.</span></li><li><span role="link" data-index="27" data-start="71790" tabindex="0">Many courses start with an overview of edX and an introduction to the course.</span></li><li><span role="link" data-index="28" data-start="76110" tabindex="0">Below the overview are segments of the course, which are released as the</span></li><li><span role="link" data-index="29" data-start="79570" tabindex="0">course progresses.</span></li><li><span role="link" data-index="30" data-start="81080" tabindex="0">Typically, an edX course is delivered in week by week segments, and have</span></li><li><span role="link" data-index="31" data-start="84950" tabindex="0">lessons and homeworks you need to complete.</span></li><li><span role="link" data-index="32" data-start="87580" tabindex="0">Many courses are 10 to 12 weeks long.</span></li><li><span role="link" data-index="33" data-start="90270" tabindex="0">We made this demonstration course three weeks for simplicity.</span></li><li><span role="link" data-index="34" data-start="94920" tabindex="0">Let's now look at the learning sequence.</span></li><li><span role="link" data-index="35" data-start="97070" tabindex="0">Each item in the left column reveals a corresponding learning sequence.</span></li><li><span role="link" data-index="36" data-start="100920" tabindex="0">Work your way from left to right.</span></li><li><span role="link" data-index="37" data-start="103600" tabindex="0">Learning sequences can contain lectures, exercises, and interactive</span></li><li><span role="link" data-index="38" data-start="107200" tabindex="0">lessons that you can complete on your own schedule.</span></li><li><span role="link" data-index="39" data-start="111090" tabindex="0">Next, let's discover what makes edX fun and unique, its interactivity.</span></li><li><span role="link" data-index="40" data-start="116760" tabindex="0">edX prides itself on its interactive lessons, which can include</span></li><li><span role="link" data-index="41" data-start="120410" tabindex="0">demonstrations, visualizations, and virtual environments.</span></li><li><span role="link" data-index="42" data-start="124600" tabindex="0">You can try out some in the demo course.</span></li><li><span role="link" data-index="43" data-start="127190" tabindex="0">Interactive lessons are often graded and contribute to your final grade.</span></li><li><span role="link" data-index="44" data-start="131590" tabindex="0">While the edX platform also supports more traditional question formats like</span></li><li><span role="link" data-index="45" data-start="135480" tabindex="0">multiple choice, our classes also test your understanding by allowing you to</span></li><li><span role="link" data-index="46" data-start="139985" tabindex="0">use labs and simulators, and even asking you to write an essay.</span></li><li><span role="link" data-index="47" data-start="143930" tabindex="0">Example of these graded interactions are in the demo course.</span></li><li><span role="link" data-index="48" data-start="147400" tabindex="0">You can see how the questions the course uses for gauging your learning</span></li><li><span role="link" data-index="49" data-start="150640" tabindex="0">process can even be auto graded, or detailed feedback given in real time.</span></li><li><span role="link" data-index="50" data-start="155620" tabindex="0">So while an edX course might be rigorous, the tools and visualizations</span></li><li><span role="link" data-index="51" data-start="159350" tabindex="0">are really fun and truly interactive.</span></li><li><span role="link" data-index="52" data-start="162280" tabindex="0">Finally, there are many ways successful students like to you</span></li><li><span role="link" data-index="53" data-start="165560" tabindex="0">interact to get the most out of a course.</span></li><li><span role="link" data-index="54" data-start="167740" tabindex="0">Beyond the discussion forums, you can meet and engage with fellow classmates</span></li><li><span role="link" data-index="55" data-start="171560" tabindex="0">through a local meet up-- which we highly recommend--</span></li><li><span role="link" data-index="56" data-start="174050" tabindex="0">a Google Hangout, or even invite students to join you via Twitter,</span></li><li><span role="link" data-index="57" data-start="177830" tabindex="0">Facebook, or other social networks.</span></li><li><span role="link" data-index="58" data-start="179820" tabindex="0">It's a proven fact that if you engage with others while taking a course,</span></li><li><span role="link" data-index="59" data-start="182970" tabindex="0">you're more likely to succeed.</span></li><li><span role="link" data-index="60" data-start="184990" tabindex="0">Now that you've seen how easy it is to take an edX course, experience this</span></li><li><span role="link" data-index="61" data-start="188110" tabindex="0">demonstration course.</span></li><li><span role="link" data-index="62" data-start="189070" tabindex="0">Firsthand all you have to do is click on week one to the left and you can</span></li><li><span role="link" data-index="63" data-start="192980" tabindex="0">get started.</span></li><li><span role="link" data-index="64" data-start="194230" tabindex="0"></span></li><li class="spacing" style="height: 340.5px;"><a href="#transcript-start-0b9e39477cf34507a7a48f74be381fdd" id="transcript-end-0b9e39477cf34507a7a48f74be381fdd" class="transcript-end" lang="en">End of transcript. Skip to the start.</a></li></ol></div></div>

                    <div class="focus_grabber last" tabindex="-1"></div>

                    <h3 class="hd hd-4 downloads-heading sr" id="video-download-transcripts_0b9e39477cf34507a7a48f74be381fdd">Downloads and transcripts</h3>
                    <div class="wrapper-downloads" role="region" aria-labelledby="video-download-transcripts_0b9e39477cf34507a7a48f74be381fdd">
                        <div class="wrapper-download-video">
                            <h4 class="hd hd-5">Video</h4>
                            <a class="btn-link video-sources video-download-button" href="https://s3.amazonaws.com/edx-course-videos/edx-edx101/EDXSPCPJSP13-H010000_100.mp4">
                                Download video file
                            </a>
                        </div>
                        <div class="wrapper-download-transcripts">
                            <h4 class="hd hd-5">Transcripts</h4>
                            <ul class="list-download-transcripts">
                                <li class="transcript-option">

                                    <a class="btn btn-link" href="/courses/course-v1:edX+DemoX+Demo_Course/xblock/block-v1:edX+DemoX+Demo_Course+type@video+block@0b9e39477cf34507a7a48f74be381fdd/handler/transcript/download" data-value="srt">Download SubRip (.srt) file</a>
                                </li>
                                <li class="transcript-option">

                                    <a class="btn btn-link" href="/courses/course-v1:edX+DemoX+Demo_Course/xblock/block-v1:edX+DemoX+Demo_Course+type@video+block@0b9e39477cf34507a7a48f74be381fdd/handler/transcript/download" data-value="txt">Download Text (.txt) file</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>

            </div>

            <div class="wrap-instructor-info">
                <a class="instructor-info-action" href="#0b9e39477cf34507a7a48f74be381fdd_debug" id="0b9e39477cf34507a7a48f74be381fdd_trig">Staff Debug Info</a>

            </div>

            <div aria-hidden="true" role="dialog" tabindex="-1" id="0b9e39477cf34507a7a48f74be381fdd_xqa-modal" class="modal xqa-modal">
                <div class="inner-wrapper">
                    <header>
                        <h2>Your Platform Name Here Content Quality Assessment</h2>
                    </header>

                    <form id="0b9e39477cf34507a7a48f74be381fdd_xqa_form" class="xqa_form">
                        <label for="0b9e39477cf34507a7a48f74be381fdd_xqa_entry">Comment</label>
                        <input tabindex="0" id="0b9e39477cf34507a7a48f74be381fdd_xqa_entry" type="text" placeholder="comment">
                        <label for="0b9e39477cf34507a7a48f74be381fdd_xqa_tag">Tag</label>
                        <span style="color:black;vertical-align: -10pt">Optional tag (eg "done" or "broken"):&nbsp;       </span>
                        <input id="0b9e39477cf34507a7a48f74be381fdd_xqa_tag" type="text" placeholder="tag" style="width:80px;display:inline">
                        <div class="submit">
                            <button name="submit" type="submit">Add comment</button>
                        </div>
                        <hr>
                        <div id="0b9e39477cf34507a7a48f74be381fdd_xqa_log_data"></div>
                    </form>

                </div>
            </div>

            <div aria-hidden="true" role="dialog" tabindex="-1" class="modal staff-modal" id="0b9e39477cf34507a7a48f74be381fdd_debug">
                <div class="inner-wrapper">
                    <header>
                        <h2>Staff Debug</h2>
                    </header>

                    <hr>
                    <div class="staff_actions">
                        <h3>Actions</h3>
                        <div>
                            <label for="sd_fu_0b9e39477cf34507a7a48f74be381fdd">Username:</label>
                            <input type="text" tabindex="0" id="sd_fu_0b9e39477cf34507a7a48f74be381fdd" placeholder="AndyA">
                        </div>
                        <div data-location="block-v1:edX+DemoX+Demo_Course+type@video+block@0b9e39477cf34507a7a48f74be381fdd" data-location-name="0b9e39477cf34507a7a48f74be381fdd">
                            [
                            <button type="button" class="btn-link staff-debug-sdelete">Delete Learner's State</button>
                            ]
                        </div>
                        <div id="result_0b9e39477cf34507a7a48f74be381fdd"></div>
                    </div>

                    <div class="staff_info" style="display:block">
                        is_released = <font color="red">Yes!</font>
                        location = block-v1:edX+DemoX+Demo_Course+type@video+block@0b9e39477cf34507a7a48f74be381fdd

                        <table summary="Module Fields">
                            <tbody><tr><th>Module Fields</th></tr>
                            <tr><td style="width:25%">transcript_language</td><td><pre style="display:inline-block; margin: 0;">en</pre></td></tr>
                            <tr><td style="width:25%">group_access</td><td><pre style="display:inline-block; margin: 0;">{}</pre></td></tr>
                            <tr><td style="width:25%">graded</td><td><pre style="display:inline-block; margin: 0;">False</pre></td></tr>
                            <tr><td style="width:25%">annotation_token_secret</td><td><pre style="display:inline-block; margin: 0;">xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx</pre></td></tr>
                            <tr><td style="width:25%">youtube_id_1_25</td><td><pre style="display:inline-block; margin: 0;"></pre></td></tr>
                            <tr><td style="width:25%">transcript_download_format</td><td><pre style="display:inline-block; margin: 0;">srt</pre></td></tr>
                            <tr><td style="width:25%">giturl</td><td><pre style="display:inline-block; margin: 0;">None</pre></td></tr>
                            <tr><td style="width:25%">edxnotes</td><td><pre style="display:inline-block; margin: 0;">False</pre></td></tr>
                            <tr><td style="width:25%">show_captions</td><td><pre style="display:inline-block; margin: 0;">True</pre></td></tr>
                            <tr><td style="width:25%">source_file</td><td><pre style="display:inline-block; margin: 0;">None</pre></td></tr>
                            <tr><td style="width:25%">handout</td><td><pre style="display:inline-block; margin: 0;">None</pre></td></tr>
                            <tr><td style="width:25%">course_edit_method</td><td><pre style="display:inline-block; margin: 0;">Studio</pre></td></tr>
                            <tr><td style="width:25%">default_tab</td><td><pre style="display:inline-block; margin: 0;">None</pre></td></tr>
                            <tr><td style="width:25%">bumper_do_not_show_again</td><td><pre style="display:inline-block; margin: 0;">False</pre></td></tr>
                            <tr><td style="width:25%">in_entrance_exam</td><td><pre style="display:inline-block; margin: 0;">False</pre></td></tr>
                            <tr><td style="width:25%">showanswer</td><td><pre style="display:inline-block; margin: 0;">attempted</pre></td></tr>
                            <tr><td style="width:25%">display_name</td><td><pre style="display:inline-block; margin: 0;">Welcome!</pre></td></tr>
                            <tr><td style="width:25%">sub</td><td><pre style="display:inline-block; margin: 0;">name_of_file</pre></td></tr>
                            <tr><td style="width:25%">video_speed_optimizations</td><td><pre style="display:inline-block; margin: 0;">True</pre></td></tr>
                            <tr><td style="width:25%">graceperiod</td><td><pre style="display:inline-block; margin: 0;">5:00:00</pre></td></tr>
                            <tr><td style="width:25%">speed</td><td><pre style="display:inline-block; margin: 0;">None</pre></td></tr>
                            <tr><td style="width:25%">format</td><td><pre style="display:inline-block; margin: 0;">None</pre></td></tr>
                            <tr><td style="width:25%">due</td><td><pre style="display:inline-block; margin: 0;">None</pre></td></tr>
                            <tr><td style="width:25%">edx_video_id</td><td><pre style="display:inline-block; margin: 0;"></pre></td></tr>
                            <tr><td style="width:25%">start</td><td><pre style="display:inline-block; margin: 0;">1970-01-01 05:00:00+00:00</pre></td></tr>
                            <tr><td style="width:25%">youtube_id_1_0</td><td><pre style="display:inline-block; margin: 0;">b7xgknqkQk8</pre></td></tr>
                            <tr><td style="width:25%">only_on_web</td><td><pre style="display:inline-block; margin: 0;">False</pre></td></tr>
                            <tr><td style="width:25%">youtube_id_1_5</td><td><pre style="display:inline-block; margin: 0;"></pre></td></tr>
                            <tr><td style="width:25%">days_early_for_beta</td><td><pre style="display:inline-block; margin: 0;">None</pre></td></tr>
                            <tr><td style="width:25%">start_time</td><td><pre style="display:inline-block; margin: 0;">0:00:00</pre></td></tr>
                            <tr><td style="width:25%">visible_to_staff_only</td><td><pre style="display:inline-block; margin: 0;">False</pre></td></tr>
                            <tr><td style="width:25%">download_video</td><td><pre style="display:inline-block; margin: 0;">True</pre></td></tr>
                            <tr><td style="width:25%">parent</td><td><pre style="display:inline-block; margin: 0;">block-v1:edX+DemoX+Demo_Course+type@vertical+block@vertical_0270f6de40fc</pre></td></tr>
                            <tr><td style="width:25%">tags</td><td><pre style="display:inline-block; margin: 0;">[]</pre></td></tr>
                            <tr><td style="width:25%">matlab_api_key</td><td><pre style="display:inline-block; margin: 0;">None</pre></td></tr>
                            <tr><td style="width:25%">xqa_key</td><td><pre style="display:inline-block; margin: 0;">qaijS3UatK020Wc0sfCtFe0V6jpB4d64</pre></td></tr>
                            <tr><td style="width:25%">youtube_is_available</td><td><pre style="display:inline-block; margin: 0;">True</pre></td></tr>
                            <tr><td style="width:25%">html5_sources</td><td><pre style="display:inline-block; margin: 0;">[u'https://s3.amazonaws.com/edx-course-videos/edx-edx101/EDXSPCPJSP13-H010000_100.mp4']</pre></td></tr>
                            <tr><td style="width:25%">global_speed</td><td><pre style="display:inline-block; margin: 0;">1.0</pre></td></tr>
                            <tr><td style="width:25%">annotation_storage_url</td><td><pre style="display:inline-block; margin: 0;">http://your_annotation_storage.com</pre></td></tr>
                            <tr><td style="width:25%">track</td><td><pre style="display:inline-block; margin: 0;"></pre></td></tr>
                            <tr><td style="width:25%">use_latex_compiler</td><td><pre style="display:inline-block; margin: 0;">False</pre></td></tr>
                            <tr><td style="width:25%">video_bumper</td><td><pre style="display:inline-block; margin: 0;">{}</pre></td></tr>
                            <tr><td style="width:25%">show_correctness</td><td><pre style="display:inline-block; margin: 0;">always</pre></td></tr>
                            <tr><td style="width:25%">youtube_id_0_75</td><td><pre style="display:inline-block; margin: 0;"></pre></td></tr>
                            <tr><td style="width:25%">static_asset_path</td><td><pre style="display:inline-block; margin: 0;"></pre></td></tr>
                            <tr><td style="width:25%">hide_from_toc</td><td><pre style="display:inline-block; margin: 0;">False</pre></td></tr>
                            <tr><td style="width:25%">bumper_last_view_date</td><td><pre style="display:inline-block; margin: 0;">None</pre></td></tr>
                            <tr><td style="width:25%">show_reset_button</td><td><pre style="display:inline-block; margin: 0;">False</pre></td></tr>
                            <tr><td style="width:25%">name</td><td><pre style="display:inline-block; margin: 0;">None</pre></td></tr>
                            <tr><td style="width:25%">license</td><td><pre style="display:inline-block; margin: 0;">None</pre></td></tr>
                            <tr><td style="width:25%">rerandomize</td><td><pre style="display:inline-block; margin: 0;">never</pre></td></tr>
                            <tr><td style="width:25%">user_partitions</td><td><pre style="display:inline-block; margin: 0;">[]</pre></td></tr>
                            <tr><td style="width:25%">chrome</td><td><pre style="display:inline-block; margin: 0;">None</pre></td></tr>
                            <tr><td style="width:25%">download_track</td><td><pre style="display:inline-block; margin: 0;">True</pre></td></tr>
                            <tr><td style="width:25%">edxnotes_visibility</td><td><pre style="display:inline-block; margin: 0;">True</pre></td></tr>
                            <tr><td style="width:25%">source</td><td><pre style="display:inline-block; margin: 0;"></pre></td></tr>
                            <tr><td style="width:25%">transcripts</td><td><pre style="display:inline-block; margin: 0;">{}</pre></td></tr>
                            <tr><td style="width:25%">max_attempts</td><td><pre style="display:inline-block; margin: 0;">None</pre></td></tr>
                            <tr><td style="width:25%">saved_video_position</td><td><pre style="display:inline-block; margin: 0;">0:00:00</pre></td></tr>
                            <tr><td style="width:25%">self_paced</td><td><pre style="display:inline-block; margin: 0;">False</pre></td></tr>
                            <tr><td style="width:25%">end_time</td><td><pre style="display:inline-block; margin: 0;">0:00:00</pre></td></tr>
                            </tbody></table>
                        <table>
                            <tbody><tr><th>XML attributes</th></tr>
                            </tbody></table>
                        category = VideoModuleWithMixins
                    </div>
                </div>
            </div>

            <div aria-hidden="true" role="dialog" tabindex="-1" class="modal history-modal" id="0b9e39477cf34507a7a48f74be381fdd_history">
                <div class="inner-wrapper">
                    <header>
                        <h2>Submission History Viewer</h2>
                    </header>
                    <form id="0b9e39477cf34507a7a48f74be381fdd_history_form">
                        <label for="0b9e39477cf34507a7a48f74be381fdd_history_student_username">User:</label>
                        <input tabindex="0" id="0b9e39477cf34507a7a48f74be381fdd_history_student_username" type="text" placeholder="">
                        <input type="hidden" id="0b9e39477cf34507a7a48f74be381fdd_history_location" value="block-v1:edX+DemoX+Demo_Course+type@video+block@0b9e39477cf34507a7a48f74be381fdd">
                        <div class="submit">
                            <button name="submit" type="submit">View History</button>
                        </div>
                    </form>

                    <div id="0b9e39477cf34507a7a48f74be381fdd_history_text" class="staff_info" style="display:block">
                    </div>
                </div>
            </div>

            <div id="0b9e39477cf34507a7a48f74be381fdd_setup"></div>

            <script type="text/javascript">
                // assumes courseware.html's loaded this method.
                $(function () {
                    setup_debug('0b9e39477cf34507a7a48f74be381fdd',
                        null,
                        {
                            'location': 'block\u002Dv1:edX+DemoX+Demo_Course+type@video+block@0b9e39477cf34507a7a48f74be381fdd',
                            'xqa_key': 'qaijS3UatK020Wc0sfCtFe0V6jpB4d64',
                            'category': 'VideoModuleWithMixins',
                            'user': 'AndyA'
                        }
                    );
                });
            </script>

        </div>
    </div>

</div>

</div>

<nav class="sequence-bottom" aria-label="Section">
    <button class="sequence-nav-button button-previous disabled" disabled="disabled">
        <span class="icon fa fa-chevron-prev" aria-hidden="true"></span>
        <span>Previous</span>
    </button>
    <button class="sequence-nav-button button-next">
        <span>Next</span>
        <span class="icon fa fa-chevron-next" aria-hidden="true"></span>
    </button>
</nav>
</div>

</div>

</main>
</div>
</section>
